@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

// @mixin  scrollBar { 
// 	// 滚动条整体部分
// 	&::-webkit-scrollbar{
// 		width: 4px;
// 		height: 8px;
// 	}
// 	// 滚动条里面的小方块，能向上向下移动或往左往右移动
// 	&::-webkit-scrollbar-thumb{
// 		background-color: #9093994d;
// 		border-radius: 2px;
// 		box-shadow: inset 0 0 6px #0003;
// 	}
// 	//滚动条的轨道（里面装有Thumb）
// 	&::-webkit-scrollbar-track{
// 	  background-color: #0000000d;
// 	}  
// }
@mixin scrollBar {
	// 滚动条整体部分
	&::-webkit-scrollbar {
	  width: 4px;
	  height: 8px;
	}
	// 滚动条里面的小方块，能向上向下移动或往左往右移动
	&::-webkit-scrollbar-thumb {
	  background-color: #d6d7da4d;
	  border-radius: 2px;
	  box-shadow: inset 0 0 6px #0003;
	}
	//滚动条的轨道（里面装有Thumb）
	&::-webkit-scrollbar-track {
	  background-color: #201f1f0d;
	}
  }

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}

@mixin  main-padding {
  padding: 4px 10px;
}
